<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<!--视口--设备宽度--初始缩放比例--最小缩放比例--最大缩放比例--用户缩放-->
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
		<!--优先使用IE最新版本和Chrome-->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chome=1"/>
		<!--禁止浏览器自动的识别-电话号码-email--->
		<meta name="format-detection" content="telephone=no,email=no"/>
		<!--是否启用Web全屏-->
		<meta name="apple-mobile-web-app-capable" content='yes'/>
		<!--设置苹果工具栏颜色-->
		<meta name="apple-mobile-web-app-status-bar-style" content='black'/>
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		<!--个人用户-->
		<div class="user">
			<div class="logo"><a href="#"><img src="img/logo1.png"/></a></div>
			<div class="personal">
				<span>SZ1049</span>
				<a href="#">
					<div>
						<img src="img/icon5.png"/> 个人用户
					</div>
				</a>
			</div>
		</div>

		<!--账户共计应用-->
		<div class="account">
			<div class="account-l">
				<p>账户共计应用</p>
				<p>共<span>3</span>(款应用)</p>
			</div>
			<div class="account-r">
				<p>近七日注册量</p>
				<img src="img/cartogram.png"/>
			</div>
		</div>

		<!--应用信息-->
		<div class="message">
			<ul>
				<li>
					<div class="message-l"><img src="img/icon1.png"/></div>
					<div class="message-r">
						<div>应用信息</div>
						<div>
							<a href="html/application.html">账户共计3款应用
								<img src="img/back-btn2.png"/>
							</a>
						</div>
					</div>
				</li>
				<li>
					<div class="message-l"><img src="img/icon2.png"/></div>
					<div class="message-r">
						<div>注册量统计</div>
						<div>
							<a href="html/statistics.html">今日注册486人
								<img src="img/back-btn2.png"/>
							</a>
						</div>
					</div>
				</li>
				<li>
					<div class="message-l"><img src="img/icon3.png"/></div>
					<div class="message-r">
						<div>账户信息</div>
						<div>
							<a href="html/account.html">
								<img src="img/back-btn2.png"/>
							</a>
						</div>
					</div>
				</li>
			</ul>
		</div>
		
		<!--系统设置-->
		<div class="system">
			<div class="system-l"><img src="img/icon3.png"/></div>
			<div class="system-r">
				<div>系统设置</div>
				<div>
					<a href="html/settings.html">
						<img src="img/back-btn2.png"/>
					</a>
				</div>
			</div>
		</div>

	</body>
	<script type="text/javascript">
		(function(win,doc){
			//浏览器缩放时
			win.onresize=function(){
				change();
			};
			change();
			function change(){
				var oFs=doc.documentElement.clientWidth/(320/20);

				//设置根目录字体大小
				doc.documentElement.style.fontSize=oFs+'px';
			}
		})(window,document);
	</script>
</html>
